@import "../../../style/default";

.apes-login {
  display: block;
  width: 368px;
  margin: 0 auto;
  padding: $login-padding;
  background: $login-bg;
  /* border: 1px solid rgba(255,255,255,0.15); */
  border-radius: $login-border-radius;
  box-shadow: $login-shadow;
  .apes-tabs {
    .apes-tabs-bar {
      border-bottom: 0;
      margin-bottom: 24px;
      text-align: center;
    }
    .apes-tabs-tab-active {
      color: $login-tabs-color;
    }
    .apes-tabs-ink-bar{
      background-color: $login-tabs-color;
    }
  }
  .apes-tabs-tab {
    font-size: 16px;
    line-height: 24px;
  }
  .apes-input-affix-wrapper .apes-input:not(:first-child) {
    padding-left: 34px;
  }
  .icon {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.2);
    margin-left: 16px;
    vertical-align: middle;
    cursor: pointer;
    transition: color 0.3s;
    &:hover {
      color: $primary-color;
    }
  }
  .other {
    text-align: left;
    margin-top: 24px;
    line-height: 22px;
    .apes-tooltip {
      vertical-align: middle;
    }
    .register {
      float: right;
    }
  }
  .apes-btn-primary {
    background-color: $login-btn-color;
    border-color: $login-btn-color;
    &:hover {
      background-color: $login-btn-color-h;
      border-color: $login-btn-color-h;
    }
  }
  .login-auto {
    color : $login-auto-color;
  }
  .login-forget {
    color : $login-forget-color;
  }
}

.apes-btn__block {
  display: block !important;
  width: 100%;
}
